<template>
  <div class="header">
    <router-link to="/company" tag="div" class="iconfont header-back">&#xe947;</router-link>
    <div class="header-title">公司详情</div>
    <div class="iconfont header-icon">
      <span>&#xe617;</span>
      <span>&#xe608;</span>
      <span>&#xe652;</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "cDetailHeader"
};
</script>
<style lang="scss" scoped>
@import "~styles/varibles.styl";
.header {
  position: relative;
  overflow: hidden;
  height: $headerHeight;
  line-height: $headerHeight;
  color: #ffffff;
  background: $bgColor;
  font-size: 0.32rem;
  .header-back {
    position: absolute;
    left: 5vw;
  }
  .header-title{
    width: 100%;
    height: 100%;
    text-align: center;

  }
  .header-icon{
    position: absolute;
    top: 0;
    right: 0.2rem;
    span{
      margin-right: 0.2rem;
      font-size: 0.4rem;
    }
  }
}
</style>